<!DOCTYPE html>
<html lang="en">
  <head>
   #include("./common/head.htm")
  </head>
<body>
	#include("./common/header.htm")
<div id="mainBody">
	<div class="container">
	<div class="row">
	#include("./common/sidebar.htm")
	<div class="span9">
    <ul class="breadcrumb">
		<li><a href="/view/catalog-main.html">首页</a> <span class="divider">/</span></li>
		<li class="active">个人中心</li>
    </ul>
	<h3>你的个人信息</h3>	
	<div class="well">
	<div class="form-horizontal" >
		<div class="control-group">
			<label class="control-label" for="input_name">用户名<sup>*</sup></label>
			<div class="controls">
				<input type="text" id="input_name" readonly v-model="username">
			</div>
		</div>
		<div class="control-group">
		<label class="control-label">性别 <sup>*</sup></label>
		<div class="controls">
		<select class="span1" name="days" id="choose_sex" v-model="sex">
			<option value="男" selected>男</option>
			<option value="女">女</option>
		</select>
		</div>
		</div>
		<div class="control-group">
		<label class="control-label" for="input_email">邮箱地址 <sup>*</sup></label>
		<div class="controls">
		  <input type="text" id="input_email" placeholder="例:123123@gmail.com" v-model="email">
		</div>
	  </div>
		<div class="control-group">
			<label class="control-label" for="input_phone_number">电话号码 <sup>*</sup></label>
			<div class="controls">
				<input type="text" id="input_phone_number" placeholder="例:156369369369" v-model="phone">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="input_age">输入年龄<sup>*</sup></label>
			<div class="controls">
				<input type="text" id="input_age" v-model="age">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="inputPassword1">密码 <sup>*</sup></label>
			<div class="controls">
			  <input type="password" id="inputPassword1" placeholder="*****" v-model="password">
			</div>
	 	 </div>
		<div class="control-group">
			<label class="control-label" for="confirm_password">确认密码 <sup>*</sup></label>
			<div class="controls">
				<input type="password" id="confirm_password" placeholder="*****" v-model="repeated_pwd">
			</div>
		</div>
		<div>
			<label class="control-label" for="country">Country<sup>*</sup></label>
			<div class="controls">
			<select id="country" v-model="country">
				<option value="">-</option>
				<option value="1">中国</option>
				<option value="2">美国</option>
				<option value="3">日本</option>
				<option value="4">韩国</option>
				<option value="5">意大利</option>
				<option value="6">加拿大</option>
				<option value="6">加拿大</option>
				<option value="7">英国</option>
				<option value="8">朝鲜</option>
			</select>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="aditionalInfo">个人签名</label>
			<div class="controls">
			  <textarea name="aditionalInfo" id="aditionalInfo" cols="26" rows="3" v-model="signature">介绍一下你自己吧!</textarea>
			</div>
		</div>
	<div class="control-group">
			<div class="controls">
				<button class="btn btn-large btn-success" @click="update()">修改</button>
			</div>
		</div>		
	</div>
</div>

</div>
</div>
</div>
</div>
<!-- MainBody End ============================= -->
#include("./common/footer.htm")
</body>
</html>